<script setup>
import { defineProps,defineEmits } from 'vue'
const props = defineProps({
    data: {
      type: Array,
    }
})
const emits = defineEmits(['updateModel'])
</script>

<template>
  <section class="location-tag">
    <div :class="['location-tag-item',index===0 ? 'cipply-tag-start' : 'cipply-tag-right' ]" v-for="(item,index) in props?.data" :key="index">
      {{item}}
    </div>
  </section>
</template>

<style scoped lang="less">
.location-tag{
  position: relative;
  height: 30pt;
  .location-tag-item{
    transform: translateX(-50%);
  }
}
</style>